import { reactive, ref, watch } from "vue";
// 示例 watch
const state = reactive({ a: 1, b: 2 });
const count = ref(0); // 它的value属性其实是一个访问器

// 传递的() => state.a会在watch里面调用，会收集依赖，不能直接传递state.a
watch([() => state.a, count], () => {
  console.log("变化了");
});


watch(state.a, (newVal, oldVal) => {
  console.log("state.a 变化了", newVal, oldVal);
}, {
  immediate: true // 立即执行(第一次是同步还是异步？？有时间试一下)，输出的是undefined undefined，因为state.a写法不对
})

count.value++;
state.a++;

